wijbubblechart Step 1 of 3: Setting up the View

In this step you’ll add the markup to add content to the bubble chart. Complete the following:

In Visual studio, select File | New | Project.
Under Installed Templates, select Visual C# .NET Framework 4 or above.
Select ASP.NET MVC 5 Web Application (if you haven’t installed this, see Installing the MVC Tools Template), enter a name for the application, and click OK.
Your Wijmo project is created. You’ll notice it contains the Models, Views, and Controllers folders, which we will work with in the Wijmo for MVC tutorials.
In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.

Add the following markup within the <body> tags of the page. This markup will add the bubble content to the page. The width and height of the bubble chart is defined here.

<h3>Hardware Distribution</h3>
      <div id="wijbubblechart" class="ui-widget ui-widget-content ui-corner-all" style="width: 500px;
            height: 400px;">
      </div>